<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="description" content="一个基于 Node.js + Express + MySQL + React + Antd 构建的现代化全栈管理系统，提供完整的用户认证、角色管理、菜单管理和权限控制功能">
    <meta name="keywords" content="WL,WL管理系统,管理系统,webpack,react,antd,express,mysql,node.js">
    <link rel="icon" href="favicon.ico" />
    <title>WL 管理系统</title>
    <style>
        html,
        body,
        #root {
            height: 100%;
            margin: 0;
            padding: 0;
            width: 100%;
            position: relative;
            
        }

        .ant-layout {
            height: 100%;
            overflow: hidden;
        }


        ul,
        ol {
            list-style: none;
            text-decoration: none;
        }
        
        .ant-spin{
            width: 100%;
            height: 100%;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        #fallback{
            top:0;
            bottom: 0;
            height: 100%;
            position: absolute;
            z-index: 1;
            width: 100%;
            display: none;
            text-align: center;
            padding: 100px;
            box-sizing: border-box;
        }
        body {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            margin: 0;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            perspective: 1000px;
        }
        .loader {
            position: absolute;
            top: 40%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 100px;
            height: 100px;
        }
        .circle {
            position: absolute;
            border: 3px solid transparent;
            border-radius: 50%;
            animation: rotate 2s linear infinite;
        }
        .circle:nth-child(1) {
            width: 100%;
            height: 100%;
            border-top-color: #ff7e5f;
            border-bottom-color: #ff7e5f;
        }
        .circle:nth-child(2) {
            width: 70%;
            height: 70%;
            top: 15%;
            left: 15%;
            border-top-color: #feb47b;
            border-bottom-color: #feb47b;
            animation-delay: 0.3s;
        }
        .circle:nth-child(3) {
            width: 40%;
            height: 40%;
            top: 30%;
            left: 30%;
            border-top-color: #ffcc70;
            border-bottom-color: #ffcc70;
            animation-delay: 0.6s;
        }
        @keyframes rotate {
            0% { transform: rotate(0deg); }
            50% { transform: rotate(180deg); }
            100% { transform: rotate(360deg); }
        }
        .load_title{
            position: absolute;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #FFF;
            font-size: 19px;
            width: 100%;
            text-align: center;

            top: 55%;
            opacity: 1;
            line-height: 30px;
        }
    </style>
    <script>
        // 百度统计
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?15cfce70c3b97fb180b72200261855fd";
            var s = document.getElementsByTagName("script")[0]; 
            s.parentNode.insertBefore(hm, s);
        })();
</script>

</head>
<body>
    <div id="root">
        <div class="loader">
            <div class="circle"></div>
            <div class="circle"></div>
            <div class="circle"></div>
        </div>
        <div class="load_title">正在加载系统资源，请耐心等待</div>
    </div>
    <div id="fallback">
        <svg fill-rule="evenodd" viewBox="64 64 896 896" focusable="false" data-icon="close-circle" width="5em" height="5em" fill="#ff4d4f" aria-hidden="true"><path d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"></path></svg>
        <h2>页面发生严重错误，请刷新或联系管理员</h2>
    </div>
</body>
</html>